{% extends "index.html" %}
{% block title %}
<title>后台管理系统-首页</title>
{% endblock %}
{% block main %}
<main class="main-cont content mCustomScrollbar">
    <div class="page-wrap">
        <blockquote class="blockquote mb-20">
            用于群控设备
        </blockquote>
        <div class="text-r mb-5" >
            <button class="btn btn-primary-outline ml-5"><i class="icon-signin"></i>应用安装</button>
            <button class="btn btn-primary-outline ml-5"><i class="icon-external-link"></i>应用卸载</button>
            <button class="btn btn-primary-outline ml-5"><i class="icon-refresh"></i></button>
        </div>
        <ul class="flex flex-nowrap">
            <li class="box-child">
                <div class="panel panel-secondary mr-10">
                    <div class="panel-hd">控制栏</div>
                    <div class="panel panel-default ml-5 mr-5 mt-5">
                        <div class="panel-bd">
                            面板内容
                        </div>
                    </div>
                </div>
            </li>
            <li class="box-child-2">
                <div class="panel panel-primary">
                    <div class="panel-hd">设备列表</div>
                    <div class="flow-layout col-3" style="margin: 10px;">
                        <ul>
                            <li class="child-wrap">
                                <div class="panel panel-default">
                                    <div class="panel-bd">
                                        面板内容
                                    </div>
                                </div>
                            </li>
                            <li class="child-wrap">
                                <div class="panel panel-default">
                                    <div class="panel-bd">
                                        面板内容
                                    </div>
                                </div>
                            </li>
                            <li class="child-wrap">
                                <div class="panel panel-default">
                                    <div class="panel-bd">
                                        面板内容面板内容面板内容面板内容面板内容面板内容面板内容
                                    </div>
                                </div>
                            </li>
                            <li class="child-wrap">
                                <div class="panel panel-default">
                                    <div class="panel-bd">
                                        面板内容面板内容面板内容面板内容面板内容面板内容
                                        面板内容面板内容面板内容面板内容面板内容面板内容面板内容
                                        面板内容面板内容面板内容面板内容面板内容面板内容
                                        面板内容面板内容面板内容面板内容面板内容面板内容面板内容
                                    </div>
                                </div>
                            </li>
                            <li class="child-wrap">
                                <div class="panel panel-default">
                                    <div class="panel-bd">
                                        面板内容
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
        </ul>

    </div>
</main>
{% endblock %}
{% block footer %}
<footer class="btm-ft">
    <ul class="breadcrumb">
        <li>首页</li>
    </ul>
</footer>
{% endblock %}
